<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>订单信息</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index1.css">
    <script src="../../../js/jquery-3.6.0.min.js"></script>
    <style>
        /* .text-ellipsis {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        } */
    </style>
</head>
<script>
    $(document).ready(function () {
        var whei = $(window).width()
        $("html").css({ fontSize: whei / 22 });
        $(window).resize(function () {
            var whei = $(window).width();
            $("html").css({ fontSize: whei / 22 })
        });
    });
</script>

<body>
    <div class="main" id="app">
        <!-- <div class="header">
        <div class="header-left fl" id="time"></div>
        <div class="header-center fl">
            <div class="header-title">
                订单信息展示
            </div>
            <div class="header-img"></div>
        </div>
        <div class="header-right fl"></div>
        <div class="header-bottom fl"></div>
    </div> -->
        <div class="center">
            <div class="center-left fl">
                <div class="left-top rightTop border">
                    <div class="title">各省销售额</div>
                    <div class="top-list">
                        <ul>
                            <li v-for="(item , index) in province " :key="index">
                                <img style="border-radius: 50%; border: 1px solid white; width: 50px;height: 50px;"
                                    :src="DomainIMG + item.pic" alt="">
                                <span>{{item.address}}：{{item.number}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="left-bottom rightTop border">
                    <div class="title">商品排行</div>
                    <div class="bottom-b">
                        <div class="gun">
                            <span>排名</span>
                            <span>商品名称</span>
                            <span>销量</span>
                            <span>同比</span>
                        </div>
                        <div id="FontScroll" class="myscroll">
                            <ul>
                                <li v-for="(item,index) in productRanking" :key="index">
                                    <div class="fontInner clearfix" style="font-size: 12px;">
                                        <span>
                                            <b>{{index+1}}</b>
                                        </span>
                                        <span>{{item.Article_Name}}</span>
                                        <span>{{item.Quantity}}</span>
                                        <span>{{item.yoy}}</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
            <div class="center-cen fl">
                <div class="cen-top rightTop border">
                    <div class="top-title rightTop border">
                        <ul>
                            <li>
                                <p>数量统计</p>
                                <span>{{obj.TotalOnline}}</span>
                                <b>人</b>
                                <div class="datashuji">
                                    <span>较昨日增加{{obj.SentItems}}人</span>
                                </div>
                            </li>
                            <li>
                                <p>同比上升</p>
                                <span>{{obj.rise}}</span>
                                <b>人</b>
                                <div class="dataright">
                                    <span>较昨日增加{{obj.addRise}}人</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="top-bottom rightTop border">
                        <span>{{obj.Packing}}</span>
                    </div>
                </div>
                <div class="cen-bottom rightTop border">
                    <div class="title">地区销售数据</div>
                    <div class="bottom-b">
                        <div id="chart_1" class="allnav"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../../../js/echarts.min.js"></script>
    <script src="../../../js/vue.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../js/utils.js"></script>
    <script src="js/china.js"></script>
    <script src="js/index2.js"></script>

</body>

</html>